// service/pages/filement/filement.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    paymentType: '电费', // 默认显示电费
    city: '广州市',      // 默认城市
    // 缴费单位列表
    companies: ['国家电网', '南方电网', '华能集团', '大唐集团', '华电集团'],
    // 选中的缴费单位
    selectedCompany: '',
    // 是否显示单位下拉框
    showCompanyDropdown: false,
    // 缴费户号
    accountNumber: '',
    // 是否同意协议
    agreementChecked: false,
    // 是否可以提交
    canSubmit: true,
    // 是否显示成功消息
    showSuccess: true
  },
  
  // 切换单位下拉框显示状态
  toggleCompanyDropdown() {
    this.setData({
      showCompanyDropdown: !this.data.showCompanyDropdown
    });
  },
  
  // 选择缴费单位
  selectCompany(e) {
    const company = e.currentTarget.dataset.value;
    this.setData({
      selectedCompany: company,
      showCompanyDropdown: false
    }, () => {
      this.validateForm();
    });
  },
  
  // 监听户号输入
  onAccountInput(e) {
    this.setData({
      accountNumber: e.detail.value
    }, () => {
      this.validateForm();
    });
  },
  
  // 监听协议勾选状态变化
  onAgreementChange(e) {
    this.setData({
      agreementChecked: e.detail.value
    }, () => {
      this.validateForm();
    });
  },
  
  // 表单验证
  validateForm() {
    const { selectedCompany, accountNumber, agreementChecked } = this.data;
    const canSubmit = selectedCompany && accountNumber.trim().length > 0 && agreementChecked;
    
    this.setData({
      canSubmit
    });
  },
  
  // 显示户号帮助信息
  showAccountHelp() {
    wx.showModal({
      title: '如何获取户号？',
      content: '您可以通过以下方式获取户号：\n1. 查看电费账单\n2. 拨打电力公司客服电话\n3. 前往当地营业厅查询',
      showCancel: false,
      confirmText: '知道了'
    });
  },
  
  // 显示服务协议
  showAgreement() {
    wx.showModal({
      title: '电费缴纳服务协议',
      content: '电费缴纳服务协议内容...',
      showCancel: false,
      confirmText: '我已阅读'
    });
  },
  
  // 下一步按钮点击事件
  goToNextStep() {
    // 2秒后跳转到支付页面
    setTimeout(() => {
      this.setData({
        showSuccess: false
      });
      wx.navigateTo({
        url: '/service/pages/electricity/electricity'
      });
    }, 2000);
  },
  
  // 隐藏成功消息
  hideSuccess() {
    this.setData({
      showSuccess: false
    });
  },
  
  // 点击其他地方关闭下拉框
  onHide() {
    if (this.data.showCompanyDropdown) {
      this.setData({
        showCompanyDropdown: false
      });
    }
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    // 接收从payment页面传递过来的费用类型
    if (options.type) {
      this.setData({
        paymentType: options.type
      });
    }
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})